<!--
 * @Descripttion: formitem
 * @Author: xp
 * @Date: 2022-09-04 18:34:17
-->

<template>
  <div class="form-item-wrapper">
    <!-- <span class="form-item-title">{{ title }}：</span> -->
    <span class="form-item-title">{{ title }}</span>
    <slot />
  </div>
</template>

<script>
export default {
  props: {
    title: { // / 标头
      type: String,
      required: true,
      default: ''
    }
  }
}
</script>
<style lang="scss" scoped>
.form-item-wrapper{
    display: flex;
    align-items: center;
    // margin-right: 32px;
    // margin-bottom: 15px;
    .form-item-title{
        min-width: 84px !important;
        text-align: right;
        font-size: 14px;
        margin-right: 14px;
        word-break: break-all;
        white-space: nowrap;
    }
}
</style>
